<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>贷款计算器--商业贷款</title>
    <link rel="stylesheet" type="text/css" th:href="@{../css/base.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{../css/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{../css/message.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{../css/calculator1.css}"/>
</head>
<body>

<div class="header_bg">
    <header>
        <a class="logo" href="#">
            <img th:src="@{/images/logo.png}"/>
        </a>

        <ul id="nav">
            <li><a href="/jump?pg=index ">首页</a><span class="ul-img"></span></li>
            <li><a href="/jump?pg=borrow_home_page ">我要借出</a><span></span></li>
            <li><a href="/jump?pg=account_fund_management ">我要借入</a><span></span></li>
            <li><a href="/jump?pg=personal_center ">我的账户</a><span></span></li>
            <li><a href="/jump?pg=borrow_calculator">贷款计算器</a><span></span></li>
            <li><a href="/jump?pg=help_center ">帮助</a><span></span></li>
            <li><a href="/jump?pg=news ">社区</a><span></span></li>
            <li><a href="/jump?pg=authentication ">本金保障</a><span></span></li>
        </ul>


<!--        <div id="unentry_status">-->
<!--            <a href="/jump?pg=entry " id="header_entry">登录</a>-->
<!--            <a href="/jump?pg=register " id="header_register">免费注册</a>-->
<!--        </div>-->



        <ul id="person_message" style="display: block;margin-top: -55px;margin-left: 900px;float: left;width: 200px;">
            <li><a href="/jump?pg=personal_center "><span></span></a></li>
            <li><a href="/jump?pg=personal_center " th:text="${session.currentuser.firmName}"></a></li>
            <li><a href="/jump?pg=message "><span></span></a></li>
            <li><a href="/jump?pg=#"><span></span></a></li>
            <li><a id="leave" href="/firm/removeFirm">退出</a></li>

            <span id="person_message_num">22</span>

            <span id="message_setting1"></span>
            <ul id="message_setting2">
                <li>资料设置</li>
                <li>安全中心</li>
                <li>头像设置</li>
                <li><a href="/firm/update_pwd"> 修改密码</a></li>
                <li>选项名称</li>
            </ul>

        </ul>
    </header>
    <div class="lend_out_bg">
        <div class="lend_out">
            <a href="/jump?pg=borrow_details">发布借款</a>
            <a href="/jump?pg=borrow_interest">利息计算器</a>
            <a href="/jump?pg=borrow_credit_rating">个人信用借出等级</a>
            <a href="/jump?pg=lend_list_details">借出列表详情</a>
        </div>
    </div>

    <div class="borrow_in_bg">
        <div class="borrow_in">
            <a href="/jump?pg=borrow_details">查找借款</a>
            <a href="/jump?pg=borrow_interest">利息计算器</a>
            <a href="/jump?pg=borrow_credit_rating">个人信用借入等级</a>
            <a href="/jump?pg=borrow_repayment_treatment">还款</a>
            <a href="/jump?pg=lend_list_details">借入列表详情</a>
            <a href="/jump?pg=lend_list">查找放款</a>
        </div>
    </div>

</div>

<!--国家贷款-->
<div class="personal_center_main">
    <div class="personal_center_right">
        <div class="personal_center_right_header">
            <span class="personal_center_right_b3">工具说明</span>
            <span class="personal_center_right_b4" >提 示</span>
            <span  class="personal_center_right_b4">操作步骤</span>
            <p style="font-size: 18px" class="personal_1">
                计算商业贷款选择等额本金和等额本息的还款方式时，每月的月供、利息总额和还款总额。
            </p>
            <p style="font-size: 18px ; display: none" class="personal_2">
                1、短期贷款一般采用一次性还本付息或者分期付息一次性还本方式，不适用于该计算器。<br/>
                2、如想要了解其他各大银行的利率等信息，请参照说明文档
            </p>
            <p style="font-size: 18px ; display: none" class="personal_3">
                1、首先选择您的还款方式是等额本金还是等额本息，填写商业贷款年限、贷款金额 以及贷款实际利率；<br />
                2、选择是否显示还款明细，点击“计算”按钮获得每一期的月供金额和贷款利息总额和还款总额等详细信息。以更便宜的价格增加股份。
            </p>
        </div>
        <div class="personal_center_right_main" >
            <span class="personal_center_right_b3">商业贷款</span>
            <div class="personal_center_right_content" >
                <table class="calculator1_table" >
                    <tr class="calculator1_tr" >
                        <td class="calculator1_td_1" >还款方式:</td>
                        <td class="calculator1_td_2">
                            <select class="select" name="ways" id="ways">
                                <option value="1" >等额本息</option>
                                <option value="2" >等额本金</option>
                            </select>
                        </td>

                    </tr>
                    <tr class="calculator1_tr">
                        <td class="calculator1_td_1">贷款年限：</td>
                        <td>
                            <input class="yiyang width120 huise" name="year" id="year" type="text"/>年
                            <span class="errorMsg"></span>
                        <td>
                    </tr>
                    <tr class="calculator1_tr">
                        <td class="calculator1_td_1">商业贷款金额：</td>
                        <td>
                            <input class="yiyang width120 huise" name="amount" id="amount" type="text"/>元
                            <span class="errorMsg"></span>
                        </td>
                    </tr>
                    <tr class="calculator1_tr">
                        <td class="calculator1_td_1">商业贷款利率：</td>
                        <td>
                            <input class="yiyang width120 huise" name="cobankRate" id="com_rate" type="text"/>%
                            <span class="errorMsg"></span>
                        </td>
                    </tr>
                    <tr class="calculator1_tr" >
                        <td align="center">
                            <input class="bj_h" value="开始计算" onclick="houseLoanCalc()" type="button"/>
                        </td>
                        <td align="center">
                            <input class="bj_h_1" value="重  置" onclick="houseReset()"  type="button"/>
                        </td>
                    </tr>
                    <tr class="calculator1_tr">
                        <td class="calculator_td_3">计算结果:</td>
                    </tr>

                    <tr class="calculator1_tr"  id="yuehuank">
                        <td class="calculator1_td_1">月均还款：</td>
                        <td>
                            <input class="yiyang width120 huise bj" name="monthly_repayment"
                                   id="monthly_repayment" type="text" readonly=readonly style="background-color: gainsboro;"/>元
                        </td>
                    </tr>

                    <tr class="calculator1_tr">
                        <td class="calculator1_td_1">支付利息：</td>
                        <td>
                            <input class="yiyang width120 huise bj" name="tot_int"
                                   id="tot_int" type="text" readonly=readonly style="background-color: gainsboro;" />元
                        </td>
                    </tr>
                    <tr class="calculator1_tr">
                        <td class="calculator1_td_1">还款总额：</td>
                        <td>
                            <input class="yiyang width120 huise bj" name="tot_expenditure"
                                   id="tot_expenditure" type="text" readonly=readonly  style="background-color: gainsboro;"/>元
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <!--		账户管理	-->
    <div class="personal_center_left_handle1">
        <div class="lend_follow_main_left1">
            <!--					贷款计算器-->
            <h5 style="font-size: 18px; background-color:#F0CEA9;height: 50px; ">
                <span class="lend_follow_main_left_icon1_1"></span >贷款计算器</h5>
            <h5  style="font-size: 15px;height: 50px; ">
                <span class="lend_follow_main_left_icon2_2"></span>
                <a href="/jump?pg=borrow_calculator">商业贷款计算器</a></h5>
            <h5 style="font-size: 15px;height: 50px; ">
                <span class="lend_follow_main_left_icon3_3"></span>
                <a href="/jump?pg=borrow_calculator_1">提前还贷计算器</a></h5>
            <h5 style="font-size: 15px;height: 50px; ">
                <span class="lend_follow_main_left_icon5_5"></span>
                <a href="/jump?pg=borrow_calculator_2">说明文档</a></h5>
        </div>
    </div>
    <!--			以上账户管理-->

    <div class="clear"></div>
    <div class="footer_bg2">
        <footer>
            <ul>
                <li><a href="#">常见问题</a>|</li>
                <li><a href="#">媒体报道</a>|</li>
                <li><a href="#">联系我们 </a>|</li>
                <li><a href="#">加入我们 </a>|</li>
                <li><a href="#">隐私保护</a></li>
            </ul>
            <p>Copyright©2013 daikuan All Rights Reserved   建智领航公司 版权所有</p>
        </footer>
    </div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<script th:src=" @{/js/jquery-1.12.4.min.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/js/Function.js}" ></script>
<script type="text/javascript" th:src="@{/js/calculator.js}"></script>
</body>
</html>